<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>

<script type="text/javascript">
	//跨域：ajax请求的地址与当前页面地址不同源，叫跨域
	// 不同源：协议吗（http,https），IP地址，端口号不同，只要有任意一个不相同，就是不同源
	let xhr = new XMLHttpRequest()
	xhr.open('get','stage-api/website/getProductMenuInfo')
	xhr.send()
	xhr.onreadystatechange = function() {
		if(xhr.readyState == 4){
			console.log(JSON.parse(xhr.responseText))
		}
	}

	/*
		解决方法：
			jsonp：可以解决主流的跨域数据访问 只能是get请求 但是只能解决get请求
			cors(跨域资源共享)：少数ie不支持
			proxy代理


	*/
</script>
</body>
</html>